/*
 * DreamTime.
 * Copyright (C) DreamNet. All rights reserved.
 * 
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License 3.0 as published by
 * the Free Software Foundation. See <https://www.gnu.org/licenses/gpl-3.0.html>
 * 
 * Written by Ivan Bravo Bravo <ivan@dreamnet.tech>, 2019.
 */

.field {
  @apply mb-4;

  .field-help {
    @apply block text-xs text-gray-600;
  }
}

.label {
  @apply block font-bold mb-2;
}

.input {
  @apply border border-dark-300 bg-dark-700; 
  @apply rounded py-2 px-4 w-full text-generic-300 shadow-inner;
  outline: none !important;
  transition: all .2s ease-in-out;

  &:hover, &:focus {
    @apply text-generic-100 shadow-inner-md;
  }

  &::placeholder {
    @apply text-generic-900;
  }

  &[disabled] {
    @apply opacity-75 text-generic-900 cursor-not-allowed;
  }

  &.input--sm {
    @apply text-sm px-2;
  }
}

select.input {
  @apply cursor-pointer;
}
